<template>
  <div class="footer c-fff">
    <div class="foo-serve flex m-auto">
      <div class="ser-info">
        <div class="phone pos-rel">
          <span class="num" style="width:100%">400-096-0828</span>
          <span class="desc">7*24小时客服为您服务</span>
        </div>
        <img
          src="@/assets/img/index/QR code.png"
          width="159"
          height="159"
          alt=""
        />
        <p class="tip">微信扫描二维码，关注【橙券】</p>
      </div>
      <span class="cut-line"></span>
      <div class="ser-links">
        <ul>
          <li
            v-for="(item, keyName) in FOOTER_DATA"
            :key="keyName"
          >
            <dl>
              <dt>{{item.title}}</dt>
              <dd
                v-for="(textVal,index) in item.itemList"
                :key="index"
              >
              <a href="#" v-if="textVal === '供应商入驻'" @click="$router.push({name:'application'})">{{textVal}}</a>
              <a href="javascript:;" v-else>{{textVal}}</a>
              </dd>
            </dl>
          </li>
        </ul>
      </div>
    </div>
    <p class="filing-info tac">
      ©2019 山东鼎信网络科技有限公司 鲁ICP备13023321号-25
    </p>
  </div>
</template>

<script>
import FOOTER_DATA from '@/config/footer.config'
export default {
  name: 'BaseFooter',

  data() {
    return {
      FOOTER_DATA
    };
  },
};
</script>

<style lang="scss" scoped>

</style>